<template>
  <tr>
    <td>
      <img :src="dog.img" alt="" />
    </td>
    <td>{{ dog.title }}</td>
  </tr>
</template>

<script>
export default {
  props: ["dog"],
};
</script>

<style scoped>
tr {
  display: flex;
  flex-direction: column;
  line-height: 75px;
  width: 300px;
  text-align: center;
  border: 1px solid black;
}
img {
  display: block;
  width: 300px;
  height: 200px;
}
</style> 